<?php
require_once('wpfunctions.php');
ip_redirectIfNotLoggedIn()
?>
<html>
<head>
<title>Illuminare Suite</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
a{
  display:block;
  background-repeat:no-repeat;
  margin:auto;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js" type="text/javascript"></script>
</head>
<body>
<div style='position:relative;top:25%'>
<img src='logo/illuminare_logo_final.jpg' style='display:block;margin:auto' width='523' height='216'/>
<a href='engraver/' style='background-image:url(logo/engraver.png);background-size:360px;background-position-x:-235px;width:125px;height:35px;'></a>
<p><a href='score-editor/' style='background-image:url(logo/score-editor.png);background-size:399px;background-position-x:-235px;width:164px;height:35px;'></a></p>
<!--<p><a href='library.html' style='background-image:url(logo/library-browser.png);background-size:454px;background-position-x:-235px;width:219px;height:35px;'></a></p>-->
<p><a href='texts.php' style='background-image:url(logo/text-editor.png);background-size:393px;background-position-x:-235px;width:158px;height:35px;'></a></p>
</div>
<script>
$(function(){
  var $div = $('div').first();
  var height = $div.height();
  $div.css('margin-top',height/(-4));
});
</script>
</body>
</html>